<template>
  <div>
    <app-header />
    <div>
      <el-row>
        <el-col :span="12" :offset="6">
          <el-form inline style="margin-top: 60px" label-suffix=":">
            <div>
              <el-form-item label="Site Code">
                <el-input v-model="siteCode"/>
              </el-form-item>
              <el-button type="success">add</el-button>
              <el-button type="warning">delete</el-button>
            </div>
            <div>
              <el-form-item label="Case Type" style="font-size: 16px">
                <el-input v-model="caseType"/>
              </el-form-item>
              <el-button type="success">add</el-button>
              <el-button type="warning">delete</el-button>
            </div>
          </el-form>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import AppHeader from '../../components/AppHeader'
export default {
  name: 'Admin.vue',
  components: { AppHeader },
  data () {
    return {
      siteCode: '',
      caseType: ''
    }
  }
}
</script>

<style scoped>

</style>
